<script setup>
    import Person from '@/pages/Person.vue'

    let dialogVisible = $ref(false)

</script>

<template>
    <div class="fold-menu fold-menu-right text flex-center"  @click="dialogVisible = true">
        <span>人员风采</span>
    </div>

    <el-dialog
        v-model="dialogVisible"
        title="人员风采"
        width="1590px"
        custom-class="personnel-presence-dialog zz-dialog"
    >
        <div class="card-box ">
            <person></person>
        </div>
    </el-dialog>

</template>

<style lang="less" scoped>
    .fold-menu{
        position: absolute;
        top: 205px;
        right: 0;
        z-index: 9;
        width: 35px;
        cursor: pointer;
        border-radius: 8px 0px 0px 8px;

        &.text{
            height: 135px;
            background: rgba(0,53,112,0.6);
            color: #00E2FF;
            font-size: 20px;
            line-height: 24px;
            font-weight: bold;
            padding: 0 15px;
            text-align: center;
        }
    }
</style>

<style lang="less">
    .personnel-presence-dialog.el-dialog{
        background: #000158;
    }
</style>